iT邦幫忙

2024 iThome 鐵人賽

DAY 9
1

Who the hell are you Ajax

image alt

前言

如何讓網頁更快、更高效地更新內容,一直是開發者們關心的問題。傳統的網頁每次更新都需要重新載入整個頁面,既耗時又影響使用者體驗。Ajax(Asynchronous JavaScript and XML)技術的出現,徹底改變了這一現狀。它允許網頁在不重新載入整個頁面的情況下動態更新數據,為網路應用帶來了革命性的即時互動體驗。

fun fact

目前沒找到 Ajax 趣聞

麻瓜解釋

想像今天小銘在網上看到一雙夢寐以求的 Kyrie Irving 聯名款籃球鞋,當他點選加入購物車時,介面會重新刷新一遍,無法在加入購物車的同時繼續瀏覽其他商品,造成使用上非常麻煩且不便利。於是小華建議他換一個平台,叫做蝦皮,這個平台使用了一個技術叫做Ajax,能實現在不刷新頁面的情況下,從伺服器獲取訊息。這不僅節省了時間,還讓用戶感覺操作流暢,無須等待頁面重載。

然後小銘就買了兩雙球鞋 : )

歷史

image alt
在Ajax出現之前,最早的技術是在1999年由Microsoft推出的XHR(XMLHttpRequest),這也是一個API,類似Ajax的技術,那時正使用XML進行資料交換。直到2005年2月18日,Jesse James Garrett在一篇名為《A New Approach to Web Application》的文章中首次提出了AJAX的概念,這項技術很快受到了廣泛關注。並於2006年4月5日,W3C 發布了包含 XMLHttpRequest 對象規範的首份草案,為AJAX技術提供了標準化支持。隨著這一技術的普及,AJAX逐漸成為開發更快速、互動性更高的網頁應用程式的核心工具。

後記

Ajax 技術徹底改變了網頁的互動方式,使得用戶體驗更流暢、即時。網頁能在不重新加載的情況下更新資料,提升了效率和便利性。對於速食主義年代,這真是不可或缺呢,你們說是吧;)

參考

歷史
(39) Ajax 是什么? 如何创建一个 Ajax? - JavaScript前端Web工程师 - YouTube


上一篇
DAY8 學會 Vim 秒變駭客
下一篇
DAY10 Code變乾淨,只因為ESlint做了這件事
系列文
麻瓜的程式翻譯書《Who the hell are you XXX》30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
jeremykuo
iT邦新手 5 級 ‧ 2024-09-23 22:46:11

有小華在,小銘永遠管不住手手

我要留言

立即登入留言